<template>
	<div>
		<head-top></head-top>
		<div class="boxWrap col-sm-12">			
			<div class="dashboard">
				<p class="text-left panel_selection">
					<span>数据资源</span>
				</p>
				<div class="text-left">
					<all-data :owner="owner_val"></all-data>
					<p class="text-left panel_selection" style="margin-top:60px;margin-bottom:-30px;">
						<span>模型资源</span>
					</p>
					<model-template :owner="owner_val"></model-template>
				</div>
			</div>
		</div>
		<footerHtml></footerHtml>
		<!--遮罩层和loading-->
		<div id="mask" v-show="seen" :style="{height: relHeight}"></div>
		<img src="../assets/img/loading.gif" alt="loading" class="loading_img" v-if="loading"/>
	</div>
</template>

<script>
	//引入公共模块
	import headTop from '@/components/headTop'
	import footerHtml from '@/components/footerHtml'
	import allData from '@/components/allData'
	import allTemplates from '@/components/allTemplates'
	import allJobs from '@/components/allJobs'
	import allModel from '@/components/allModel'
	import modelTemplate from '@/components/model_template'
	//数据请求
	
	export default {
		components:{
			headTop,
			footerHtml,
			allData,
			modelTemplate
		},
		data(){
            return {
            	owner_val:1,
            	token:localStorage.getItem('token'),
            	seen:false,
    			loading:false,
    			relHeight:''
            }
        },
        created(){
	    	this.relHeight=`${document.documentElement.scrollHeight}px`;
	    	this.seen=true;
	    	this.loading=true;
	    },
	    beforeCreate:function(){
	    	this.$nextTick(function () {
		      this.seen=false;
		      this.loading=false;
		    })
	    },
	}
</script>

<style lang="css">
	@import "../assets/css/base.css"
</style>
<style lang="css">
	@import "../assets/css/dashboard.css"
</style>

